body,html {
  padding: 0px;
  overflow-x: hidden;
  font-family: lato;
}

.navbar-fixed-top {
  width: 970px;
  margin: 30px auto;
}

.navbar {
  text-transform: uppercase;
  background-color: #ebebeb;
  background-image: none;
  border: none;
}

.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a {
  color: #000;
  font-weight: 300
}

.my-container {
  width: 100%;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
}

.in-panel {
  width: 970px;
  margin: 0 auto;
}

.in-panel h2 {
  margin-top: 120px;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 40px;
  float: left;
}

.in-panel p {
  font-size: 18px;
  width: 100%;
  clear: both;
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
  -moz-column-gap: 3em;
  -webkit-column-gap : 3em;
  column-gap: 3em;
  margin-bottom: 90px;
  -webkit-column-rule: 1px solid #ccc;
  -moz-column-rule: 1px solid #ccc;
  column-rule: 1px solid #ccc;
}

strong {
  font-size: 24px;
  font-weight: 300
}


.G1 { color: #5e8cc4;}
.O1 { color: #c24c4f;}
.O2 { color: #48b493;}
.G2 { color: #dcc05f;}
.L  { color: #5e8cc4;}
.E  { color: #c24c4f;} 

cite a {
  color: #00ebbe;
  font-weight: 700;
  text-transform: capitalize;
  font-style: italic;
  font-size: 16px
}

#home {
  background: url(/img/3.jpg) no-repeat 50% 0 fixed;
  height: 640px;
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#copertina {
  background: #fff;
  padding: 15px 30px;
  color: #000;
  opacity: 1;
  position: absolute;
  bottom: 50%;
  left: 50%;
  font-size: 20px;
  font-weight: 300;
  text-transform: uppercase;
  margin-left: -485px;
  margin-bottom: -200px;
  width: 970px;
}

#paper {
  opacity: 0.8;
  background-color: #eee;
  color: black;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.people {
  background: url(/img/1.jpg) no-repeat 50% 0 fixed;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.people h2 {
  color: #000;
  background: #fff;
  padding: 10px 15px;
  opacity: 0.8
}

.indice {
  background: url(/img/2.jpg) no-repeat 50% 0 fixed;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.who h2 {
  color: #000;
  background: #fff;
  padding: 10px 15px;
  opacity: 0.8
}

.footer {
  background: #333;
  border: none;
  height: 540px;
}

.footer p {
  padding-top: 30px;
  font-size: 1.2em;
  color: #00ebbe;
  width: 100%;
  font-weight: 100;
  text-align: left;
  clear: both;
}

.indice h2 {
  color: #000;
  background: #fff;
  padding: 10px 15px;
  opacity: 0.8;
}

@media ( max-width : 992px) {
  .navbar-fixed-top {
    width: 100%;
    margin: 0
  }
  #home {
    height: 320px
  }
  #copertina {
    position: absolute;
    bottom: 20%;
    left: 0%;
    font-size: 30px;
    font-weight: 300;
    margin-left: 0;
    margin-bottom: 0;
    width: 100%;
  }
  .in-panel {
    width: 90%;
    margin-right: 5%
  }
  .in-panel h2 {
    margin-top: 70px;
  }
  .in-panel p {
    font-size: 14px;
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
  .full-panel {
    background-position: 0 0 !important;
  }

  .footer { 
     background: 333; 
  }



  .footer p {
    padding-top: 30px;
    font-size: 1.2em;
    color: #00ebbe;
    width: 100%;
    font-weight: 100;
    text-align: left;
    clear: both;
  }
}
